<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Label元素示例</title>
</head>

<body>

    <form action="/submit_form" method="post">
        <!-- 使用label标签为文本框提供说明 -->
        <label for="username">用户名：</label>
        <input type="text" id="username" name="username">

        <!-- 使用label标签为密码框提供说明 -->
        <label for="password">密码：</label>
        <input type="password" id="password" name="password">

        <!-- 使用label标签为单选框提供说明 -->
        <fieldset>
            <legend>性别：</legend>
            <label for="male">
                <input type="radio" id="male" name="gender" value="male"> 男性
            </label>
            <label for="female">
                <input type="radio" id="female" name="gender" value="female"> 女性
            </label>
        </fieldset>

        <!-- 使用label标签为复选框提供说明 -->
        <label for="subscribe">
            <input type="checkbox" id="subscribe" name="subscribe" value="yes"> 订阅新闻
        </label>

        <p><input type="submit" value="提交"></p>
    </form>

    <form>
        <fieldset>
            <legend>用户信息</legend>
            <label for="username">用户名:</label>
            <input type="text" id="username" name="username">
            <label for="email">电子邮件:</label>
            <input type="email" id="email" name="email">
        </fieldset>

        <fieldset>
            <legend>地址信息</legend>
            <label for="street">街道:</label>
            <input type="text" id="street" name="street">
            <label for="city">城市:</label>
            <input type="text" id="city" name="city">
            <label for="country">国家:</label>
            <select id="country" name="country">
                <option value="china">中国</option>
                <option value="usa">美国</option>
                <!-- 其他选项 -->
            </select>
        </fieldset>
        <!-- 表单的其他部分 -->
    </form>
    <iframe src="./15-表单label元素.html" width="width" height="height" frameborder="0"></iframe>
    <iframe src="./15-表单label元素.html" width="width" height="height" frameborder="0" scrolling="no"></iframe>
    <iframe src="./15-表单label元素.html" width="width" height="height" frameborder="0"
        sandbox="allow-same-origin allow-scripts"></iframe>




</body>

</html>